<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:icecore="http://www.icefaces.org/icefaces/core"
      xmlns:ace="http://www.icefaces.org/icefaces/components"
      xmlns:ice="http://www.icesoft.com/icefaces/component">
    <ui:composition template="/template.xhtml">      
        <ui:define name="title">Carrito: Productos añadidos a la cesta</ui:define>
        <ui:define name="right">
            <br></br><ui:include src="/front/usuario/login.xhtml" />
            <br></br><ui:include src="/modulos/seleccionarPlantilla.xhtml"/>
        </ui:define>
        <ui:define name="left">
            <ui:include src="/modulos/frontLeft.xhtml" />    
        </ui:define>

        <ui:define name="content">
            <c:if test="${!mbListProd.devolverListaProdCan().isEmpty()}">

                <h:form styleClass="css_Form">
                    <ace:dataTable styleClass="css_Tabla" id="tablaProdCant" value="#{mbListProd.devolverListaProdCan()}" var="var"
                                   paginator="true" paginatorPosition="bottom" rows="10">

                        <ace:column styleClass="css_Columna" headerText="Nombre">
                            <h:outputText styleClass="css_OutputLabel" value="#{var.producto.nombre}"/>
                        </ace:column>

                        <ace:column  headerText="Precio Unitario">
                            <h:outputText styleClass="css_OutputLabel" value="#{var.producto.precio}"/>
                        </ace:column>

                        <ace:column styleClass="css_Columna" headerText="Cantidad">
                            <h:outputText styleClass="css_OutputLabel" value="#{var.cantidad}"/>
                        </ace:column>
                        
                         <ace:column  headerText="Disponible">
                             <h:outputText styleClass="css_OutputLabel" value="#{mbListProd.disponible(var.producto.id, var.cantidad)?'Sí':'En 3 semanas'}"/>
                        </ace:column>

                        <ace:column styleClass="css_Columna" headerText="Borrar">
                            <h:commandLink styleClass="css_Link" action="#{mbListProd.eliminarProductoCarrito(var.producto.id)}"><img src="./imagenes/iconos/papelera.png" width="16" height="16" alt="Borrar"/></h:commandLink>
                        </ace:column>
                    </ace:dataTable>

                </h:form >
                <br />
                <div style="font-weight: bold;font-size:14px">
                    <ice:outputLabel  styleClass="css_OutputLabel" value=" Precio Total: " />
                    <h:outputText styleClass="css_OutputText" value="#{mbListProd.calcularTotal()}"/><ice:outputLabel styleClass="css_OutputLabel" value=" €" />
                </div>

                <h:form styleClass="css_Form">
                    <br />
                    <ice:commandButton action="#{mbListProd.confirmar()}" value="Tramitar Pedido"></ice:commandButton>
                    <h:selectOneMenu styleClass="css_SelectOneMenu" onchange="if(this.value=='Pago con tarjeta') document.getElementById('camposTarjeta').style.display='' , document.getElementById('camposContraRe').style.display='none'; else document.getElementById('camposTarjeta').style.display='none' , document.getElementById('camposContraRe').style.display=''; " id="ListTipoPedido" value="#{mbListProd.formaPago}">
                        <f:selectItems  value="#{mbListProd.todosItems()}" />
                    </h:selectOneMenu>
                    <br></br>
                    <div id="camposContraRe"  style="display: ''">
                        <ice:outputLabel styleClass="css_OutputLabel" value="Tiene un recargo de 5 €" style="color: red;"/>
                    </div>   
                    <div id="camposTarjeta" style="display: none">
                        <h:panelGrid styleClass="css_PanelGrid" columns="2">
                            <ice:outputLabel  styleClass="css_OutputLabel" value="Número de tarjeta: "></ice:outputLabel>
                            <ice:inputText onkeyup="numerico(this);" styleClass="css_InputText" value="#{mbListProd.tarNom}"></ice:inputText>
                            <ice:outputLabel  styleClass="css_OutputLabel" value="Fecha de caducidad: "></ice:outputLabel>
                            <ice:inputText onkeyup="fecha(this);" styleClass="css_InputText" value="#{mbListProd.tarFech}"> </ice:inputText>
                        </h:panelGrid>
                    </div>
                </h:form>

                <ice:outputLabel styleClass="css_OutputLabel" value="#{mbListProd.msj}" style="color: red;"/>
            </c:if>
            <c:if test="${mbListProd.devolverListaProdCan().isEmpty()}">
                <c:if test="${mbListProd.carritoDAO.idLog>0}">
                <br/>
                <h:form><ice:outputLabel  styleClass="css_OutputLabel">Mire el historico de sus pedidos en '<ice:commandLink action="/front/pedidos/lista" value="Listado de pedidos" />'</ice:outputLabel></h:form>
                <br/>
                </c:if>
                <br/>
                <ice:outputLabel  styleClass="css_OutputLabel" value="Llene su carrito de la compra en El Corte Francés :: Mire en nuestro listado de categorías o busque el producto en concreto."></ice:outputLabel>
            </c:if>
        </ui:define>
    </ui:composition>

</html>

